<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
    <title>王光稀-个人简历</title>
    <!--公共样式-->
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <!--公共脚本-->
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
    <!--dialog-->
    <!--artdiolag-->
    <script type="text/javascript" src="js/artDialog4_jb51net/jquery.artDialog.js"></script>
    <script type="text/javascript" src="js/artDialog4_jb51net/artDialog.iframe.js"></script>
    <link rel="stylesheet" type="text/css" href="js/artDialog4_jb51net/skins/default.css"/>
    <!--前端脚本-->
    <script type="text/javascript" src="js/common.js"></script>
    <script src="js/progressbar.min.js"></script>
</head>
<body>
	<!--导航-->
	<div class="menu" id="menu">
    	<div class="container_1000 m_center cf">
        	<h1 class="logo">
            	<a href="" target="_blank">
                	<span>
                    	<i class="l_1"></i>
                        <i class="l_2"></i>
                        <i class="l_3"></i>
                        <i class="l_4"></i>
                        <i class="l_5"></i>
                        <i class="l_6"></i>
                        <i class="l_7"></i>
                        <i class="l_8"></i>
                    </span>
                </a>
            </h1>
        	<ul class="nav">
            	<li data-menuanchor="page1" class="active"><a href="#page1">简介</a></li>
                <li data-menuanchor="page2"><a href="#page2">技能</a></li>
                <li data-menuanchor="page3"><a href="#page3">案例作品</a></li>
                <li data-menuanchor="page4"><a href="#page4">工作经历</a></li>
                <li data-menuanchor="page5"><a href="#page5">联系方式</a></li>
            </ul>
        </div>
    </div>
    
	<div  id="js_fullpage">
    
    	<!--个人简介-->
        <div class="section">
        	<div class="container container_1000 m_center align_center">
            	<p class="mb20">
                	<span class="head">
                        <span class="zz"></span>
                        <span class="border"></span>
                        <img src="images/logo.png" width="169" height="169" />
                    </span>
                </p>
                <p class="p_info mb20">
                	<span class="p_name">王光稀</span>
                    <br />
                    <span class="p_zhiwei">前端工程师</span>
                </p>
                <p><span class="zhishi zhishi_1"></span></p>
                <p><span class="zhishi zhishi_2"></span></p>
                <p class="mb10"><span class="zhishi zhishi_3"></span></p>
            </div>
        </div>
        
        <!--个人技能-->
        <div class="section bg_fff m_center align_center">
        	<p class="mb30"><span class="img_bg title_jn skilltitle"></span></p>
        	<p><span class="zhishi zhishi_1"></span></p>
            <p><span class="zhishi zhishi_2"></span></p>
            <p class="mb20"><span class="zhishi zhishi_3"></span></p>
            <div class="list_icon">
                <p class="icon_cell icon_cell_1">
                    <span class="icon_ico progress" data-progress="0.80"></span>
                    <span class="icon_txt">HTML5</span>
                </p>
                <p class="icon_cell icon_cell_2">
                    <span class="icon_ico progress" data-progress="0.80"></span>
                    <span class="icon_txt">CSS3</span>
                </p>
                <p class="icon_cell icon_cell_3">
                    <span class="icon_ico progress" data-progress="0.70"></span>
                    <span class="icon_txt">JavaScript</span>
                </p>
                <p class="icon_cell icon_cell_4">
                    <span class="icon_ico progress" data-progress="0.80"></span>
                    <span class="icon_txt">jQuery</span>
                </p>
                <p class="icon_cell icon_cell_5">
                    <span class="icon_ico progress" data-progress="0.80"></span>
                    <span class="icon_txt">Zepto</span>
                </p>
                <div class="txt_intro">
                	<p></p>
                    <p></p>
                    <p></p>
                </div>
            </div>
        </div>
    	
        <!--案例-->
        <div class="section m_center align_center">
        	<p class="mb30"><span class="title_1">案例作品</span></p>
        	<p><span class="zhishi zhishi_1"></span></p>
            <p><span class="zhishi zhishi_2"></span></p>
            <p class="mb20"><span class="zhishi zhishi_3"></span></p>
            <div class="container container_1000 m_center cf last">
            	<div class="container_case">
                    <div class="container wrap_case cf" id="js_wrap_case" style="width: 1000px;">
                        <ul class="list_case focus">
                            <li class="js_cell_case">
                                <a href="http://www.jk99.com/" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/jk99.jpg" width="248" height="160">
                                    <p class="case_info">
                                        <span>健康之家杂志社官网</span>
                                        <span>参与：前端、后台开发</span>
                                    </p>
                                </a>
                            </li>
                            <li class="js_cell_case">
                                <a href="http://www.yeecare.com/" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/yeecare.jpg" width="248" height="160">
                                    <p class="case_info">
                                        <span>益生康健官方商城</span>
                                        <span>参与：前端</span>
                                    </p>
                                </a>
                            </li>
			    <li class="js_cell_case">
				<a href="tuan.html" target="_blank">
                                    	<span class="zz"></span>
                                    	<img src="images/eq/fang/f1.png" width="248" height="160">
                                    	<p class="case_info">
                                       		<span>房嫂webapp</span>
                                       	 	<span>参与：前端</span>
                                    	</p>
				</a>
                            </li>
				<li class="js_cell_case">
					<a href="tuan.html#secondPage" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/tuan/shop1.png" width="248" height="160">
                                    <p class="case_info">
                                        <span>团购</span>
                                        <span>参与：前端</span>
                                    </p>
					</a>
                            </li>
				<li class="js_cell_case">
					<a href="tuan.html#thirdPage" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/han/h1.jpg" width="248" height="160">
                                    <p class="case_info">
                                        <span>韩都衣舍</span>
                                        <span>参与：前端(pc/webapp)</span>
                                    </p>
					</a>
                            </li>
                        </ul>
                        <ul class="list_case focus">
                            <li data-url="case-detail.html" data-name="totalcleanse" class="js_cell_case">
                                <a href="http://www.gotfound.ca/totalcleanse/wp/" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/totalcleanse.png" width="248" height="160">
                                    <p class="case_info">
                                        <span>totalcleanse</span>
                                        <span>参与：前端、后台开发</span>
                                    </p>
                                </a>
                            </li>
                            <li data-url="case-detail.html" data-name="iceboxjewelry" class="js_cell_case">
                                <a href="https://www.iceboxjewelry.com/" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/icebox.jpg" width="248" height="160">
                                    <p class="case_info">
                                        <span>iceboxjewelry</span>
                                        <span>参与：前端、后台维护</span>
                                    </p>
                                </a>
                            </li>
                            <li data-url="case-detail.html" data-name="jan-pro" class="js_cell_case">
                                <a href="https://www.jan-pro.ca/" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/janpro.png" width="248" height="160">
                                    <p class="case_info">
                                        <span>jan-pro</span>
                                        <span>参与：前端、后台开发</span>
                                    </p>
                                </a>
                            </li>
                            <li data-url="case-detail.html" data-name="etllearning" class="js_cell_case">
                                <a href="http://www.etllearning.com/" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/etllearning.png" width="248" height="160">
                                    <p class="case_info">
                                        <span>etllearning</span>
                                        <span>参与：前端、后台开发</span>
                                    </p>
                                </a>
                            </li>
                        </ul>
                        <ul class="list_case focus">
                            <li data-url="case-detail.html" data-name="renovantage" class="js_cell_case">
                                <a href="http://renovantage.com/" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/renovantage.png" width="248" height="160">
                                    <p class="case_info">
                                        <span>renovantage</span>
                                        <span>参与：前端、后台开发</span>
                                    </p>
                                </a>
                            </li>
                            <li data-url="case-detail.html" data-name="super7group" class="js_cell_case">
                                <a href="http://www.super7group.com/" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/super7group.png" width="248" height="160">
                                    <p class="case_info">
                                        <span>super7group</span>
                                        <span>参与：前端、后台开发</span>
                                    </p>
                                </a>
                            </li>
                            <li data-url="case-detail.html" data-name="torontofurnishedapartments" class="js_cell_case">
                                <a href="http://www.torontofurnishedapartments.com/" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/torontofurnishedapartments.png" width="248" height="160">
                                    <p class="case_info">
                                        <span>torontofurnishedapartments</span>
                                        <span>参与：前端、后台开发</span>
                                    </p>
                                </a>
                            </li>
                            <li data-url="case-detail.html" data-name="personalinjurylawyertoronto" class="js_cell_case">
                                <a href="http://www.personalinjurylawyertoronto.me/" target="_blank">
                                    <span class="zz"></span>
                                    <img src="images/eq/personalinjurylawyertorongta.png" width="248" height="160">
                                    <p class="case_info">
                                        <span>personalinjurylawyertoronto</span>
                                        <span>参与：前端、后台开发</span>
                                    </p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tips" id="js_tips">
                	<span class="focus"></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>
        <!-- 工作经历 -->
        <div class="section m_center align_center">
            <p class="mb30"><span class="title_1">工作经历</span></p>
            <div class="wrap_time m_center cf">
                <span class="time_start"></span><span class="time_end"></span>
                <div class="jingli time_1">
                    <p class="jingli_time">2014-04 — 2017-02</p>
                    <p class="jingli_info">北京麟腾传媒文化有限公司 web前端开发</p>
                </div>
                <div class="jingli time_2">
                    <p class="jingli_time">2013-04 — 2014-04</p>
                    <p class="jingli_info">北京益生康健商贸有限公司 PHP工程师</p>
                </div>
                <div class="jingli time_3">
                    <p class="jingli_time">2012-06 — 2013-03</p>
                    <p class="jingli_info">武汉艾思瑞科技有限公司 PHP程序员</p>
                </div>
            </div>
        </div>
        <!-- 联系我 -->
        <div class="section align_center">
        	<p class="mb30"><span class="img_bg2 title_jn title_yue"></span></p>
            <p><span class="zhishi zhishi_1"></span></p>
            <p><span class="zhishi zhishi_2"></span></p>
            <p class="mb20"><span class="zhishi zhishi_3"></span></p>
            <p>
            	<span class="yue_info yue_1"><i>:15707267521</i></span>
            </p>
            <p>
            	<span class="yue_info yue_2"><i>:wangguangxi_email@163.com</i></span>
            </p>
            <p>
            	<span class="yue_info yue_3"><i>:853236808</i></span>
            </p>
        </div>
    </div>
</body>
</html>
